import { Tag } from "antd";

export default function Row({ job }) {
    const st = {
        box: { border: "1px solid rgb(238, 238, 238)", borderRadius: 8, margin: 8, padding: 12 },
        row: { display: "flex", justifyContent: "space-between" },
        tit: { fontWeight: "bold", fontSize: 16 },
        sub: { color: "rgb(136, 136, 136)" },
        pay: { color: "rgb(0, 179, 138)", fontWeight: "bold", fontSize: 18 }
    };

    return (
        <div style={st.box}>
            <div style={st.row}>
                <div>
                    <div style={st.tit}>{job.title}</div>
                    <div style={st.sub}>{job.scale}</div>
                </div>
                <div style={st.pay}>{job.salary}</div>
            </div>
        </div>
    );
} 